<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>LTable - 工单系统</title>

    <!-- begin::global styles -->
    <link rel="stylesheet" th:href="@{/vendors/bundle.css}" type="text/css">
    <!-- end::global styles -->

    <!-- begin::custom styles -->
    <link rel="stylesheet" th:href="@{/css/app.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/css/custom.css}" type="text/css">
    <!-- end::custom styles -->




</head>
<body>

<!-- begin::side menu -->
<div class="side-menu">
    <div class='side-menu-body'>
        <ul>
            <li class="open">
                <a th:href="@{/index}"><i class="icon ti-home"></i> <span>首页</span> </a>
            </li>
            <li><a class="active" th:href="@{/create_order}"><i class="icon ti-paint-bucket"></i> <span>创建工单</span></a></li>
            <li><a th:href="@{/order_in_handle}"><i class="icon ti-layers-alt"></i> <span>正在处理</span> </a></li>
            <li><a th:href="@{/order_history}"><i class="icon ti-rocket"></i> <span>历史工单</span> </a></li>

            <li>
                <a data-attr="layout-builder-toggle" href="#">
                    <i class="icon ti-layout"></i>
                    <span>模式</span>
                </a>
            </li>

        </ul>
    </div>
</div>

<div th:replace="~{commons/commons::businessnavbar}"></div>

<!-- end::navbar -->
<!--主要展示内容 在main里显示-->
<!-- begin::main content -->
<main class="main-content">
    <div>
        <div class="row">
            <h3>工单信息</h3>
        </div>
        <form th:action="@{/create_the_sheet}" method="post">
            <div class="form-group">
                <label>工单类型</label>
                <select class="custom-select custom-select-lg form-control" name="ordertype">
                    <option value="询问">询问</option>
                    <option value="投诉">投诉</option>
                    <option value="协商">协商</option>
                    <option value="求助">求助</option>
                </select>
            </div>
            <div class="form-group">
                <label>工单标题</label>
                <input type="text" name="title" class="form-control" placeholder="请输入工单标题" th:value="${title}">
            </div>

            <div class="form-group">
                <label>工单级别</label>
                <select class="custom-select custom-select-lg form-control" name="orderlevel">
                    <option value="0">低</option>
                    <option value="1">一般</option>
                    <option value="2">急</option>
                    <option value="3">很急</option>
                </select>
            </div>

            <div class="form-group">
                <label>工单问题</label>
                <div class="form-group">
                    <textarea name="question" class="form-control" placeholder="请描述您的具体问题"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label style="color: red" th:text="${msg}"/>
            </div>
            <div class="form-group">
                <button class="btn btn-primary">
                    <i class="fa fa-send m-r-5"></i> Create
                </button>
            </div>
        </form>
    </div>


</main>
<!-- end::main content -->

<!-- begin::global scripts -->
<script th:src="@{/vendors/bundle.js}"></script>
<!-- end::global scripts -->

<!-- begin::dashboard -->
<script th:src="@{/js/examples/dashboard.js}"></script>
<!-- end::dashboard -->


<!-- begin::custom scripts -->
<script th:src="@{/js/custom.js}"></script>
<script th:src="@{/js/app.js}"></script>
<!-- end::custom scripts -->

</body>
</html>